<template>
	<view>
		<!-- 没有内容显示 -->
			
			<template  v-if="list.length<0&&this.issearch">
				
				<nothing></nothing>
			</template>
			<!-- 图文列表 -->
			<template v-else>
			<block v-for="(item ,index1) in list" :key="index1">
				<index-list @caozuo="caozuo($event)" :index="index1" :item="item"></index-list>
				
			</block>
			
			<!-- 上拉刷新 -->
		<load-more  v-if="list.length<0&&this.issearch" :message="message"></load-more>
		</template>
	</view>
</template>

<script>
	import indexList from '../../components/index/index-list.vue'
	import loadMore from '../../components/common/load-more.vue'
	import nothing from '../../components/common/nothing.vue'
	export default {
		components:{
			loadMore,
			nothing,
			indexList
		},
		data() {
			return {
				issearch:false,//是否是搜索
				searchtext:'',
				message:'上拉加载更多',
				list:[
			/* 		{	
						userHeadr:'../../static/demo/datapic/10.jpg',
						userName:'张三',
						title:'我是标题啊',
						isGuanZhu:1, // 0 未关注 1 关注
						imgSrc:'../../static/demo/datapic/11.jpg',//图片路径
						type:'video',
						play:200000,
						infoNum:{
							ding:12,
							cai:12,
							infoType:1 ,//0 没操作 1顶了  2 踩
							discussNum:12,//评论数量
							shareNum:12//分享数量
						}
					},
					{
						userHeadr:'../../static/demo/datapic/10.jpg',
						userName:'张三',
						title:'我是标题啊',
						isGuanZhu:1, // 0 未关注 1 关注
						imgSrc:'../../static/demo/datapic/11.jpg',//图片路径
						type:'img',
						play:200000,
						infoNum:{
							ding:12,
							cai:12,
							infoType:1 ,//0 没操作 1顶了  2 踩
							discussNum:12,//评论数量
							shareNum:12//分享数量
						}
					},
					{
						userHeadr:'../../static/demo/datapic/10.jpg',
						userName:'张三',
						title:'我是标题啊',
						isGuanZhu:1, // 0 未关注 1 关注
						imgSrc:'../../static/demo/datapic/11.jpg',//图片路径
						type:'img',
						play:200000,
						infoNum:{
							ding:12,
							cai:12,
							infoType:1 ,//0 没操作 1顶了  2 踩
							discussNum:12,//评论数量
							shareNum:12//分享数量
						}
					},
					{
						userHeadr:'../../static/demo/datapic/10.jpg',
						userName:'张三',
						title:'我是标题啊',
						isGuanZhu:1, // 0 未关注 1 关注
						imgSrc:'../../static/demo/datapic/11.jpg',//图片路径
						type:'img',
						play:200000,
						infoNum:{
							ding:12,
							cai:12,
							infoType:1 ,//0 没操作 1顶了  2 踩
							discussNum:12,//评论数量
							shareNum:12//分享数量
						}
					},
					{
						userHeadr:'../../static/demo/datapic/10.jpg',
						userName:'张三',
						title:'我是标题啊',
						isGuanZhu:1, // 0 未关注 1 关注
						imgSrc:'../../static/demo/datapic/11.jpg',//图片路径
						type:'img',
						play:200000,
						infoNum:{
							ding:12,
							cai:12,
							infoType:1 ,//0 没操作 1顶了  2 踩
							discussNum:12,//评论数量
							shareNum:12//分享数量
						}
					},
					{
						userHeadr:'../../static/demo/datapic/10.jpg',
						userName:'张三',
						title:'我是标题啊',
						isGuanZhu:1, // 0 未关注 1 关注
						imgSrc:'../../static/demo/datapic/11.jpg',//图片路径
						type:'img',
						play:200000,
						infoNum:{
							ding:12,
							cai:12,
							infoType:1 ,//0 没操作 1顶了  2 踩
							discussNum:12,//评论数量
							shareNum:12//分享数量
						}
					} */
				]
			}
		},
		//监听搜索取消按钮 返回上一层
		onNavigationBarButtonTap(e){
			console.log(JSON.stringify(e))
			if(e.index==0){
				console.log("返回了")
				uni.navigateBack({
				    delta: 1
				});
			}	
		},
		//监听搜索框文本输入事件
		onNavigationBarSearchInputChanged(e){
			this.searchtext=e.text
			
		},
		//下拉刷新
		onPullDownRefresh() {
			setTimeout(( )=>{
						console.log('start pulldown');
						 uni.startPullDownRefresh();
					}, 1000);
				   
		},
		//监听键盘搜索事件
		onNavigationBarSearchInputConfirmed(e){
			uni.showLoading({
			    title: ''
			});
			this.getdata()
		},
		methods: {
			//获取数据
			getdata(){
				this.issearch=true
				
				if(this.message!="上拉加载更多"){
					return
				}
				//创建一个虚拟对象
				this.message="加载中"
				setTimeout(()=> {
					let obj=	{
									userHeadr:'../../static/demo/datapic/10.jpg',
									userName:'我是新的',
									title:'我是标题啊',
									isGuanZhu:1, // 0 未关注 1 关注
									imgSrc:'../../static/demo/datapic/11.jpg',//图片路径
									type:'img',
									play:200000,
									infoNum:{
										ding:12,
										cai:12,
										infoType:0 ,//0 没操作 1顶了  2 踩
										discussNum:12,//评论数量
										shareNum:12//分享数量
									}
								}
					
					this.list.push(obj);
					this.message="上拉加载更多"
					   uni.hideLoading();
				}, 1000);
			}
		}
	}
</script>

<style>

</style>
